/* eslint-disable */
import React, { Component } from 'react';
import { Col } from 'antd';
import styles from './index.less';

class Detail extends Component {
  render() {
    let { dataList = [], dataSize } = this.props;
    return(
      <div className={styles['detail-info']}>
        {
          dataList.map((item, index) => (
            <Col span={item.span || 12} key={index} style={item.style}>
              <p className={styles['detail-label']}>{item.label}</p>
              <p className={styles['detail-data']} style={{color: item.color, fontSize: dataSize}}>{item.data || item.content}</p>
              <p className={item.unit?styles['detail-unit']:styles['detail-unit2']}>{item.unit || ''}</p>
              <div className={styles['line']}></div>
            </Col>
          ))
        }
      </div>
    )
  }
}

export default Detail;